<template>
  <div>
    <el-main>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="系统消息" name="system">
          <system></system>
        </el-tab-pane>
        <el-tab-pane label="咨询回复" name="reply">
          <reply></reply>
        </el-tab-pane>
        <el-tab-pane label="行业报告" name="report">
          <report></report>
        </el-tab-pane>
      </el-tabs>
    </el-main>
    <Service />
  </div>
</template>

<script>
import Service from "@/components/Service";
import system from "./components/system";
import reply from "./components/reply";
import report from "./components/report";
export default {
  components: {
    Service,
    system,
    reply,
    report
  },
  data() {
    return {
      activeName: 'system'
    };
  },

  mounted() {
    // this.create();
  },
  methods: {
    handleClick(){}
  },
};
</script>

<style scoped lang="less">

@media (max-width: 1360px) {
}

@media (max-width: 1280px) {
}
</style>
